# 视讯平台前端组件

1. 为满足UI风格能定制 本次组件采用自主开发
2. 自主开发原则: 尽可能避免使用三方库, 优先借鉴

## 技术架构
1. react: 用于构建用户界面的 JavaScript 库
2. webpack: JavaScript 应用程序的静态模块打包器
3. typescript: javascript的类型超集,可以编译成纯javascript

## 文档特色

该文档站点支持在线即时编写预览

例：点击下方增例“源码”按纽，修改标签内的文字

```jsx live=true render=true
<Button onClick={()=>alert('您点击了我')}>添加</Button>
```

## 基础组件库
|  名称   | 倾向  | 开发人   | 目前进度  |
|  ----  | ----  | ----   | ----  |
| Input  |手写 | -   | 0%  |
| Button  | 手写 | -   | 90%  |
| CheckBox  |手写| -   |  0%  |
| Modal  | 手写 | -   | 0%  |
| Alert  | 手写 | -   | 0%  |
| Switch  | 手写 | -   | 0%  |
| Menu  | 手写 | -   | 80%  |
| tab切换  | 手写 | -   | 80%  |
| 日期/时间选择  | 三方 | --   | 0%  |
| 小时下拉/分钟下拉  | 手写 | --   | 0%  |
| Select  | 手写 & react-select | --   | 0%  |
| 表格  | react-table | -   | 0%  |
| 树形  | 待定 |  --   | --  |  

## 业务组件库

|  名称   | 倾向  | 开发人   | 目前进度  |
|  ----  | ----  | ----   | ----  |
| 添加用户弹框  | 手工 | --   |  |
| 用户下拉选择  | 三方/依赖上述基础组件二次封 |  --   | --  |  
| 高阶权限封装  | 手工|  --  | 0%  |
| 图片Icon组件  | 手工专门整理出来|  --  | 0%  |
| 图片Loader  | 处理图片引入统一管理 扫瞄文件夹生成 |  -  | 0%  |

## 更新日志

#### 2020-04-20 v1.0.0 
1. 基础框架

2. Button按纽组件

3. Modal内容弹框

4. Alert提示框
